<template>
  <view class="page">
    <view class="main">
      <Card title="教师基本信息" :titleLine="true" :more="true" moreText="详情" @clickLink="handleTeacherInfo">
        <view class="flex align-center margin-top-sm padding-lr">
          <view class="flex-1">
            <view>
              <text class="text-lg text-muted">姓名：</text>
              <text class="text-lg text-gray">张三（在职）</text>
            </view>
            <view class="margin-top-xs">
              <text class="text-lg text-muted">性别：</text>
              <text class="text-lg text-gray">女</text>
            </view>
            <view class="margin-top-xs">
              <text class="text-lg text-muted">联系电话：</text>
              <text class="text-lg text-gray">13052808068</text>
            </view>
          </view>
          <view>
            <u-avatar size="120rpx"></u-avatar>
          </view>
        </view>
      </Card>

      <Card class="margin-top" title="负责的班级" :titleLine="true" :more="true" moreText="详情">
        <view class="margin-top-sm padding-lr">
          <u-text color="#333" size="28rpx" text="周末班：一年级-数学（A）班"></u-text>
          <u-divider></u-divider>
          <u-text color="#333" size="28rpx" text="托管班：一年级（A）班"></u-text>
        </view>
      </Card>
      <Card class="margin-top" title="近7日工作量" :titleLine="true" :more="true" moreText="详情">
        <u-cell-group class="margin-top-sm" :border="false">
          <u-cell size="large" titleStyle="color: #999" title="生成日报数量" :value="10"></u-cell>
          <u-cell size="large" titleStyle="color: #999" title="生成周报数量" :value="10"></u-cell>
          <u-cell size="large" titleStyle="color: #999" title="知识点确认数量" :value="10"></u-cell>
          <u-cell size="large" titleStyle="color: #999" title="练习题生成数量" :value="10"></u-cell>
        </u-cell-group>
      </Card>

      <view class="margin-top">
        <u-button plain shape="circle" size="large" type="error" text="离职"></u-button>
      </view>
    </view>
  </view>
</template>

<script setup>
import Card from '@/components/Card/index.vue';

const handleTeacherInfo = () => {
  console.log('ddddd')
  uni.navigateTo({
    url: '/pages/common/personInfo/index',
  });
};
</script>